<template>
  <div id="app">
    <!-- <Index1Vue /> -->
    <!-- <CusDirective /> -->
    <!-- <StyleControlVue /> -->
    <!-- <ComputedAndWatchVue /> -->
    <!-- <Demo /> -->
    <!-- <Example /> -->
    <!-- <TransferData /> -->
    <!-- <EventBusVue /> -->
    <!-- <TransferByVModel /> -->
    <!-- <TranserByProvide /> -->
    <!-- <ShowSlot /> -->
    <router-link to="/">首页</router-link> |
    <router-link to="/home">Home页面</router-link>
    <!-- 把rotuer-view使用keep-alive包起来，目的是为发让组件实现数据缓存 -->
    <!-- 可以在 keep-alive 上面添加上 include 或者是 exclude 实现缓存指定的组件 -->
    <keep-alive include="Login">
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
// import Index1Vue from "./day01/Index.vue";
// import CusDirective from "./day01/CusDrectives.vue";
// import StyleControlVue from "./day01/StyleControl.vue";
// import ComputedAndWatchVue from "./day01/ComputedAndWatch.vue";
// import Demo from "./day01/Demo.vue";
// import TransferData from "./day01/TransferData.vue";
// import EventBusVue from "./day02/EventBus.vue";
// import TransferByVModel from "./day02/TransferByVModel.vue";
// import TranserByProvide from "./day02/TranserByProvide.vue";
// import ShowSlot from "./day02/ShowSlot.vue";
export default {
  name: "App",
  // components: {
  //   Index1Vue,
  //   CusDirective,
  //   StyleControlVue,
  //   ComputedAndWatchVue,
  //   Demo,
  //   TransferData,
  //   EventBusVue,
  //   TransferByVModel,
  //   TranserByProvide,
  //   ShowSlot,
  // },
};
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
